<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<!-- Mirrored from dbooom.com/themes/html/manifest/features/columns.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 04 Apr 2011 01:52:52 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">

    <!-- Page title -->
    <title>Manifest - Columns</title>

    <!-- Meta tags -->
    <meta name="description" content="Manifest - premium template." />
    <meta name="author" content="dbooom.com" />

    <!-- Set the viewport to the device's width -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Page icons -->
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="apple-touch-icon" href="../apple-touch-icon.png" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="../styles/styles.css" />
    
    <!-- Other scripts files located at the bottom of the page -->
    <script src="../scripts/modernizr-1.6.min.js"></script>
</head>
<body class="page-columns">
    <!-- JS notice - We'll show it if js is disabled -->
    <p id="jsnotice">Javascript is currently disabled. This site requires Javascript to function correctly. Please <a href="http://enable-javascript.com/"> enable Javascript in your browser</a>!</p>
    <!-- /JS notice -->

    <!-- Header -->
    <header id="page-header">
        <!-- Site name + slogan -->
        <hgroup>
            <h1 id="site-name"><a href="index.html" title="Manifest template frontpage">Manifest template</a></h1>
            <h2 id="site-slogan">Clean, elegant, modern, premium template with rich list of features.</h2>
        </hgroup>
        <!-- /Site name + slogan -->

        <!-- Site navigation wrapper -->
        <div class="navigation-wrapper">
            <!-- Header navigation -->
            <nav id="header-navigation">
                <ul>
                    <li><a href="../index-2.html" title="Frontpage">Home</a>
                        <ul class="subnav">
                            <li><a href="../index-2.html" title="Nivo Slider">Nivo Slider</a></li>
                            <li><a href="../index-3d.html" title="3D Slider">3D Slider</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Pages">Pages</a>
                        <ul class="subnav">
                            <li><a href="../sidebar-left.html" title="Page with left sidebar">Page with left sidebar</a></li>
                            <li><a href="../sidebar-right.html" title="Page with right sidebar">Page with right sidebar</a></li>
                            <li><a href="../full-width.html" title="Full width page">Full width page</a></li>
                            <li><a href="../team.html" title="Our team">Our team</a></li>
                            <li><a href="../404.html" title="Not found page">404 Page</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Template features">Features</a>
                        <!-- Subnavigation first level -->
                        <ul class="subnav">
                            <li><a href="typography.html" title="Typography elements">Typography</a></li>
                            <li><a href="elements.html" title="Boxes and elements">Boxes and elements</a></li>
                            <li><a href="tabs.html" title="Tabs & Toggles">Tabs & Toggles</a></li>
                            <li><a href="media.html" title="Media">Media</a></li>
                            <li><a href="columns.html" title="Columns">Columns</a></li>
                            <li><a href="widgets.html" title="Widgets library">Widgets</a></li>
                            <li><a href="#" class="with-subnav" title="Skins">Predefined skins</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="skins/blog-post-1.html" title="Skin 1">Skin 1</a></li>
                                    <li><a href="skins/blog-post-2.html" title="Skin 2">Skin 2</a></li>
                                    <li><a href="skins/blog-post-3.html" title="Skin 3">Skin 3</a></li>
                                    <li><a href="skins/blog-post-4.html" title="Skin 4">Skin 4</a></li>
                                    <li><a href="skins/blog-post-5.html" title="Skin 5">Skin 5</a></li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                            <li class="last"><a href="#" class="with-subnav" title="Second level navigation test">Dropdown 2rd level</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li class="last"><a class="with-subnav" href="#" title="Second level dummy">Dropdown 3rd level</a>
                                        <!-- Subnavigation third level -->
                                        <ul class="subnav">
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li class="last"><a href="#" title="Third level dummy">Third level dummy</a></li>
                                        </ul>
                                        <!-- /Subnavigation third level -->
                                    </li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                        </ul>
                        <!-- /Subnavigation first level -->
                    </li>

                    <li><a href="../portfolio-sidebar.html" title="Portfolio">Portfolio</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="../portfolio-1.html" title="One Column Portfolio">One Column Portfolio</a></li>
                            <li><a href="../portfolio-2.html" title="Two Columns Portfolio">Two Columns Portfolio</a></li>
                            <li><a href="../portfolio-3.html" title="Three Columns Portfolio">Three Columns Portfolio</a></li>
                            <li><a href="../portfolio-4.html" title="Portfolio Four Columns">Portfolio Four Columns</a></li>
                            <li class="last"><a href="../gallery.html" title="Gallery">Gallery</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li><a href="../blog.html" title="Blog">Blog</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="../blog-post.html" title="Blog Post">Blog Post</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li class="last"><a href="../contacts.html" title="Contacts">Contacts</a></li>
                </ul>
            </nav>
            <!-- /Header navigation -->
        </div>
        <!-- /Site navigation wrapper -->
    </header>
    <!-- /Header -->

    <!-- Page title and breadcrumbs -->
    <section id="page-title" class="clearfix">
        <div class="container_12">
            <!-- Title and page summary -->
            <hgroup id="title-text" class="grid_8">
                <h2>Columns</h2>
                <h3>Lay your content differently.</h3>
            </hgroup>
            <!-- /Title and page summary -->

            <!-- Site search form -->
            <div id="title-search" class="grid_4 alt-form">
                <form action="http://dbooom.com/themes/html/manifest/features/." id="site-search-form" class="inline">
                    <label>Search criteria</label>
                    <input type="search" name="seach_field" id="seachField" placeholder="Search criteria" />
                    <input type="submit" value="Search" />
                </form>
            </div>
            <!-- /Site search form -->

            <!-- Breadcrumbs -->
            <nav id="breadcrumbs" class="grid_12">
                <a href="index.html">Home</a> » Columns
            </nav>
            <!-- /Breadcrumbs -->
        </div>
    </section>
    <!-- /Page title and breadcrumbs -->

    <!-- Page body -->
    <div id="page-body" class="container_12 clearfix">
        <!-- Page content -->
        <div class="page-content grid_12">
            <!-- 1 in 1 -->
            <section>
                <div class="layout-1-1">
                    <h2 class="underlined-header">1 column in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue. Sed gravida, odio a condimentum vulputate, leo nisi tempus augue, et varius nisi justo sit amet odio. Aliquam mi justo, viverra vitae convallis vitae, scelerisque et dui. Sed ac mauris sapien, eu vehicula arcu. Suspendisse ipsum mi, tincidunt quis feugiat vel, tincidunt quis tellus.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-1"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /1 in 1 -->

            <hr />

            <!-- 2 in 1 -->
            <section>
                <div class="layout-1-2">
                    <h2 class="underlined-header">2 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue. Sed gravida, odio a condimentum vulputate, leo nisi tempus augue, et varius nisi justo sit amet odio.</p>
                </div>

                <div class="layout-1-2 layout-last">
                    <h2 class="underlined-header">2 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue. Sed gravida, odio a condimentum vulputate, leo nisi tempus augue, et varius nisi justo sit amet odio.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-2"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-2 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /2 in 1 -->

            <hr />

            <!-- 3 in 1 -->
            <section>
                <div class="layout-1-3">
                    <h2 class="underlined-header">3 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-3">
                    <h2 class="underlined-header">3 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-3 layout-last">
                    <h2 class="underlined-header">3 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-3"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-3"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-3 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /3 in 1 -->

            <hr />

            <!-- 4 in 1 -->
            <section>
                <div class="layout-1-4">
                    <h2 class="underlined-header">4 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-4">
                    <h2 class="underlined-header">4 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-4">
                    <h2 class="underlined-header">4 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-4 layout-last">
                    <h2 class="underlined-header">4 columns in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-4"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-4"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-4"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-4 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /4 in 1 -->

            <hr />

            <!-- 5 in 1 -->
            <section>
                <div class="layout-1-5">
                    <h2 class="underlined-header">5 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-5">
                    <h2 class="underlined-header">5 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-5">
                    <h2 class="underlined-header">5 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-5">
                    <h2 class="underlined-header">5 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <div class="layout-1-5 layout-last">
                    <h2 class="underlined-header">5 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-5"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-5"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-5"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-5"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-5 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /5 in 1 -->

            <hr />

            <!-- 6 in 1 -->
            <section>
                <div class="layout-1-6">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-1-6">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-1-6">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-1-6">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-1-6">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-1-6 layout-last">
                    <h2 class="underlined-header">6 in row</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-1-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /6 in 1 -->

            <hr />

            <!-- 5/6 + 1/6 in 1 -->
            <section>
                <h2 class="underlined-header">5/6 + 1/6 in row</h2>

                <div class="layout-5-6">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue. Sed gravida, odio a condimentum vulputate, leo nisi tempus augue, et varius nisi justo sit amet odio. Aliquam mi justo, viverra vitae convallis vitae, scelerisque et dui. Sed ac mauris sapien, eu vehicula arcu. Suspendisse ipsum mi, tincidunt quis feugiat vel, tincidunt quis tellus.</p>
                </div>

                <div class="layout-1-6 layout-last">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-5-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-1-6 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /5/6 + 1/6 in 1 -->

            <hr />

            <!-- 4/6 + 2/6 in 1 -->
            <section>
                <h2 class="underlined-header">2/6 + 4/6 in row</h2>

                <div class="layout-2-6">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue.</p>
                </div>

                <div class="layout-4-6 layout-last">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, turpis non molestie consectetur, lacus mi faucibus tortor, pulvinar fermentum neque mauris ut augue. Mauris suscipit mi ut ipsum viverra congue. Sed gravida, odio a condimentum vulputate, leo nisi tempus augue, et varius nisi justo sit amet odio. Aliquam mi justo, viverra vitae convallis vitae, scelerisque et dui. Sed ac mauris sapien, eu vehicula arcu. Suspendisse ipsum mi, tincidunt quis feugiat vel, tincidunt quis tellus.</p>
                </div>

                <!-- Code -->
                <div class="layout-1-1">
                    <div class="toggle-block">
                        <div class="toggle-trigger"><a href="#">View code</a></div>
                        <div class="toggle-content">
                            <pre><code>&lt;div class="layout-2-6"&gt;Content...&lt;/div&gt;

&lt;div class="layout-4-6 layout-last"&gt;Content...&lt;/div&gt;</code></pre>
                        </div>
                    </div>
                </div>
                <!-- /Code -->
            </section>
            <!-- /4/6 + 2/6 in 1 -->
        </div>
        <!-- /Page content -->
    </div>
    <!-- /Page body -->

    <!-- Bottom widgets -->
    <div id="bottom-widgets" class="clearfix alt-form">
        <div class="container_12 alt-widgets">
            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-tweets">
                    <h2 class="widget-heading">Recent tweets</h2>
                    <div class="widget-content"></div>
                </section>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <nav class="widget-container widget-recent-posts">
                    <h2 class="widget-heading">Recent posts</h2>
                    <div class="widget-content">
                        <ul>
                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_1.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->

                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_2.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->

                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_3.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->
                        </ul>
                    </div>
                </nav>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-contact-form">
                    <h2 class="widget-heading">Contact form</h2>
                    <div class="widget-content">
                        <!-- Contact form -->
                        <form id="contact-form-widget" method="post" action="http://dbooom.com/themes/html/manifest/sendmail.php">
                            <p>
                                <label for="cf_name">Name <span class="required">(Required *)</span></label>
                                <input type="text" name="cf_name" id="cf_name" class="required" required />
                            </p>

                            <p>
                                <label for="cf_email">Email <span class="required">(Required *)</span></label>
                                <input type="email" name="cf_email" id="cf_email" class="required email" required />
                            </p>

                            <p>
                                <label for="cf_message">Message</label>
                                <textarea name="cf_message" id="cf_message" class="required" rows="5" required></textarea>
                            </p>

                            <p>
                                <input type="submit" value="Send message" />
                            </p>
                        </form>

                        <div class="form-sent"></div>
                        <!-- /Contact form -->
                    </div>
                </section>
            </div>
            <!-- /Row -->
        </div>
    </div>
    <!-- /Bottom widgets -->

    <!-- Footer -->
    <footer id="page-footer" class="container_12 clearfix footer-align">
        <!-- Footer credits -->
        <div class="grid_6 footer-info">
            <p>© Copyright 2011 <a href="http://dbooom.com/themes/html/manifest">Dbooom Themes</a> - All Rights Reserved</p>
        </div>
        <!-- /Footer credits -->

        <!-- Footer navigation -->
        <nav class="grid_6 footer-navigation">
            <ul>
                <li><a href="../index-2.html" title="Frontpage">Home</a></li>
                <li><a href="../blog.html" title="Blog">Blog</a></li>
                <li><a href="../portfolio-1.html" title="Portfolio">Portfolio</a></li>
                <li><a href="../contacts.html" title="Contact information">Contacts</a></li>
            </ul>
        </nav>
        <!-- /Footer navigation -->
    </footer>
    <!-- /Footer -->

    <!-- Scripts -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="../../../../../ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../scripts/jquery.min.js">\x3C/script>')</script>
    <script src="../scripts/jquery-ui.min.js"></script>
    <script src="../scripts/jquery.easing.1.3.js"></script>
    <script src="../scripts/plugins/nivo/jquery.nivo.slider.pack.js"></script>
    <script src="../scripts/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="../scripts/plugins/tipsy/jquery.tipsy.js"></script>
    <script src="../scripts/plugins/video-js/video.js"></script>
    <script src="../scripts/plugins/tweet/jquery.tweet.js"></script>
    <script src="../scripts/plugins/jquery-validate/jquery.validate.min.js"></script>
    <script src="../scripts/scripts.js"></script>

    <!--[if lt IE 9 ]>
    <script src="../scripts/plugins/PIE/PIE.js"></script>
    <script type="text/javascript">
        jQuery('.team-member-img, .team-member-img img, #pager li, #pager a, #pager span').each(function() {
            PIE.attach(this);
        });
    </script>
    <![endif]-->

</body>

<!-- Mirrored from dbooom.com/themes/html/manifest/features/columns.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 04 Apr 2011 01:52:52 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
</html>